/* 黑色 */
	.dark{
		height: 100vh;
		background: linear-gradient(45deg, #d1fbe1 0%,#7495aa 39%,#7495aa 56%,#d1fbe1 99%);
		color: white;
		border-color: black;
	}
	.dark .todo-head{
		width: 100%;
		height: 100px;
		background: #63806d;
	}
	.dark .section span{
		display: inherit;
	}
	.dark .section input{
	  width: 500px;
	  height: 38px;
	  line-height: 41px;
	  margin: 10px 0;
	  padding: 10px 5px;
	  border-radius: 20px;
	  border:1px solid #26423d;
	  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(255, 255, 255, 0.15);
	}
	.dark .section button{
	  width: 80px;
	  height: 37px;
	  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(255, 255, 255, 0.15);
	  margin-left: -80px;
	  border-radius: 20px;
	  background: white;
	  border:1px solid #26423d;
	}
	.dark .unfinish,.dark .finish{
		color: #b0c1b1;
		background: linear-gradient(318deg, transparent 3rem, #6b997a 3.5rem, #6b997a 3.6rem,#6b997a 0);
	}
	.dark .choic::after{
		background-color: #91a893;
	}
	.dark .choic:checked::after{
		background-color: #8576ab;
	}
	.dark .ListWord{
		color: #b0c1b1;
	}
	.dark .unfinishUL li{
		border-bottom: 1px dashed #6a6a6a;
	}
	// 文字闪烁动画
	.dark .unfinishTitle{
		animation: shining2 0.5s alternate infinite;
	}
	.dark .section button:hover{
		background-color: #546c60;
		color: #f2f2f2;
	}
	@keyframes shining2 {
		from {
			text-shadow: 0 0 20px #74a182, 0 0 30px #649371, 0 0 40px #599c6a, 0 0 50px #478862, 0 0 60px #5eb889;
		}

		to {
			text-shadow: 0 0 10px #77b68b, 0 0 15px #68af6b, 0 0 20px #4d936c, 0 0 25px #468c60, 0 0 30px #4c9b67;
		}
	}
	@media all and (max-width: 1006.98px) {
	  .dark .todo-head{
	    width: 100%;
	    height: 80px;
	  }
	  .dark .section {
	    width: 605px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	  }
	  .dark .section span{
	    color: white;
	    font-weight: bolder;
	    font-size: 25px;
	    line-height: 80px;
	  }
	  .dark .section input{
	    width: 400px;
	    height: 30px;
	  	line-height: 33px;
	    margin: 8px 0;
	    padding: 8px 5px;
	    border-radius: 20px;
		border:1px solid #8fcfc3;
	    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(255, 255, 255, 0.15);
	  }
	  .dark .section button{
	    width: 64px;
	    height: 30px;
	    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.35), 0 0 0 rgba(255, 255, 255, 0.15);
	    margin-left: -63px;
	    border-radius: 20px;
	    background: white;
		border:1px solid #8fcfc3;
	  }
	  .dark .section .submitP{
	  	  height: 46px; 
	  	  line-height: 46px;
	  }
	  .dark .part{
		  width: 96%;
		  margin-left: auto;
		  margin-right: auto;
	  }
	  
	  // 列表
	  // 未完成
	  .dark .unfinish{
		  width: 360px;
		  height: 350px;
	  }
	  .dark .unfinishUL li{
	    height: 40px;
	    line-height: 45px;
	  }
	  .dark .choic{
	    width: 20px;
	    height: 20px;
		position: absolute;
		left: 5px;
		top: 12px;
	  }
	  .dark .ListWord{
	    width: 65%;
	    height: 40px;
		font-size: 16px;
	  }
	  // 已完成
	  .dark .finish{
	  	  width: 360px;
	  	  height: 350px;
		  margin-left: 40px;
	  }
	  // 三角形
	  .dark .unfinish::before,.finish::before{
	    position: absolute;
	    right: 1px;
	    top: 279px;
	  }
	  .dark .unfinish:hover,.finish:hover{
	    transform: scale(1.1);
	  }
	
	}
	@media all and (max-width:639.98px) {
	  .dark .todo-head{
	    width: 100%;
	    height: 60px;
	  }
	  .dark .section {
	    width: 96%;
	  	margin-left: auto;
	  	margin-right: auto;
	  	display: flex;
	  	justify-content: space-around;
	  	align-items: center;
	  }
	  .dark .section span{
	    color: white;
	    font-weight: bolder;
	    font-size: 22px;
	    line-height: 60px;
	  }
	  .dark .section input{
	    width: 280px;
	    height: 26px;
	  	line-height: 28px;
	    margin: 6px 0;
	    padding: 6px 5px;
	    border-radius: 20px;
	    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(255, 255, 255, 0.15);
	  }
	  .dark .section button{
	    width: 56px;
	    height: 28px;
	    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.35), 0 0 0 rgba(255, 255, 255, 0.15);
	    margin-left: -50px;
	    border-radius: 20px;
	    background: white;
	  }
	  .dark .section .submitP{
	  	  height: 46px; 
	  	  line-height: 46px;
	  }
	  .dark .part{
		  flex-direction: column;
		  align-items: center;
	  	  width: 96%;
	  }
	  
	  // 列表
	  // 未完成
	  .dark .unfinish{
	  	  width: 360px;
	  	  height: 350px;
	  }
	  .dark .unfinishUL li{
	    height: 40px;
	    line-height: 45px;
	  }
	  .dark .choic{
	    width: 20px;
	    height: 20px;
	  	position: absolute;
	  	left: 5px;
	  	top: 12px;
	  }
	  .dark .ListWord{
	    width: 65%;
	    height: 40px;
	  	font-size: 16px;
	  }
	  // 已完成
	  .dark .finish{
	  	  width: 360px;
	  	  height: 350px;
	  	  margin-left: 40px;
	  }
	  // 三角形
	  .dark .unfinish::before,.finish::before{
	    position: absolute;
	    right: 1px;
	    top: 279px;
	  }
	  .dark .unfinish:hover,.finish:hover{
	    transform: scale(1.1);
	  }
	}